<!-- home -->
<template>
  <div class="about-container">
    <van-nav-bar
      title="标题"
      left-text="返回"
      right-text="按钮"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
    <h2>关于我 ... </h2>
  </div>
</template>

<script>
import Vue from 'vue'
import { Toast } from 'vant'

Vue.use(Toast)

export default {
  data() {
    return {

    }
  },
  mounted() {

  },
  methods: {
    onClickLeft () {
      this.$router.go(-1)
    },
    onClickRight () {
      Toast('按钮')
    }
  }
}
</script>
<style lang="less" scope>
.about-container {
  h2 {
    padding: 20px;
    font-size: 15px;
  }
}
</style>
